<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="format-detection" content="telephone=no" />
    	<meta name="format-detection" content="email=no" />
    	<meta name="format-detection" content="address=no" />
    	<meta name="format-detection" content="date=no" />
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link href="css/common.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
    <script src="js/common.js"></script>
	</head>
	<body class="index">
	  <header class="top">
	    <nav>
	      <div class="left left_close"></div>
          <div class="logo"></div>
          <a href="#"><div class="right right_close"></div></a>
	    </nav>
	    <ul class="open_list">
          <li><a href="index.html" class="a_active first_a">首页</a></li>
          <li class="open_list_class">
            <a href="javascript:;" class="first first_a">服务项目<em class="jt"></em></a>
            <ul class="section">
              <li><a href="family_education.html">家庭教育</a></li>
              <li><a href="train.html">校园培训</a></li>
              <li><a href="service_xwkc.html">校外课程</a></li>
              <li><a href="tech.html">技术支持</a></li>
            </ul>
          </li>
          <li><a href="cooperation.html" class="first_a">诚邀合作</a></li>  
          <li><a href="about_us.html" class="first_a">关于我们</a></li>
      </ul>
      <ul class="me_list">
          <li><a href="me_editor.html" class="first_a">修改信息</a></li>
          <li><a href="me_images.html" class="first_a">我的图片</a></li>
          <li><a href="login.html" class="first_a">退出登录</a></li>
      </ul>
	  </header>
	  <article>
	    <section class="swiper-list">
        <!--轮播图-->
        <div class="swiper-container swiper-container-little">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="#">
                      <div class="img">
                        <img src="images/img_main_1.jpg" alt="" />
                      </div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                      <div class="img">
                        <img src="images/img_main_2.jpg" alt="" />
                      </div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                      <div class="img">
                        <img src="images/img_main_3.jpg" alt="" />
                      </div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                      <div class="img">
                        <img src="images/img_main_4.jpg" alt="" />
                      </div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                      <div class="img">
                        <img src="images/img_main_5.jpg" alt="" />
                      </div>
                    </a>
                </div>
            </div>
            <div class="swiper-pagination"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
	    </section>
	    <section class="a-list">
	      <ul class="clear">
	        <li><a href="family_education.html"><img src="./images/list1.png"/></a></li>
	        <li><a href="train.html"><img src="./images/list2.png"/></a></li>
	        <li><a href="service_xwkc.html"><img src="./images/list3.png"/></a></li>
	        <li><a href="tech.html"><img src="./images/list4.png"/></a></li>
	      </ul>
	    </section>
	  </article>
	  <footer class="bottom">
	    <h1>北京乐知鱼教育科技有限公司 —— 专业的教育支持平台</h1>
	    <p>地址：北京市朝阳区东四环中路195号华腾新天地大厦509室</p>
	    <p>乐知鱼版权所有，京ICP备16063606号</p>
	  </footer>
	  <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	  <script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	  <script src="js/public.js" type="text/javascript" charset="utf-8"></script>
	  <script type="text/javascript">
	  	  $(function(){
	  	    //  图片滑屏
        var mySwiper = new Swiper('.swiper-container-little',{
          prevButton:'.swiper-button-prev',
          nextButton:'.swiper-button-next',
          loop : true,
          pagination: '.swiper-pagination',
          paginationClickable: true,
          autoplayDisableOnInteraction : false,
          autoplay: 3000         
        });
	  	  });
	  </script>
	</body>
</html>
